.app {
  text-align: center;
  list-style: none;

  .appHeader {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 36px;
    margin-bottom: 24px;

    h2 {
      font-size: 26px;
      font-family: "Slidefu";
    }

    .appLogo {
      height: 10vmin;
      pointer-events: none;
    }
  }

  .robotList {
    width: 85vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .appLogo {
    animation: App-logo-spin infinite 20s linear;
  }
}